<template>
  <div id="app">
    
    <navbar v-show="$store.state.isShow"></navbar>
     <keep-alive>
    <transition name="hua" mode="out-in">
    <router-view></router-view>
    </transition>
    </keep-alive>
  </div>
  
</template>

<script>
import navbar from './components/navbar'

export default {
  components:{
    navbar:navbar
  }
}
</script>

<style lang="scss" scoped>
  .hua-enter-active {
            animation: bounce-in .7s
        }
        
        .hua-leave-active {
            animation: bounce-in .5s reverse;
        }
        
        @keyframes bounce-in {
            0% {
                opacity: 0;
                transform: translateY(30px)
            }
            100% {
                opacity: 1;
                transform: translateY(0px)
            }
        }
</style>